<template>
  <div class="x-menu-item-group">
    <div class="u-title">
      <slot name="title"></slot>
    </div>
    <slot></slot>
  </div>
</template>

<script setup name="XMenuItemGroup">
const props = defineProps({
  title: String,
})
</script>

<style lang="scss" scoped>
.x-menu-item-group {
  .u-title {
    font-size: 12px;
    color: var(--el-text-color-secondary);
    cursor: default;
  }
}
</style>
